<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>双向的数据绑定</title>
    <script src="/js/vue.js"></script>
</head>
<body>
<!-- 双向的数据绑定  界面变化==>模型变量==>界面变化 -->
<!-- 一定要注意组件写到VUE绑定的元素内部,让VUE接管,否则不生效 -->
<div id="app">
    <input type="text" v-model="name">{{name}}
</div>

<script>
    new Vue({
        el: "#app",
        data: {
            name: "赵四"
        }
    });
</script>
</body>
</html>